import { lazy } from "react"
import { createBrowserRouter, RouterProvider } from "react-router-dom"

// const Home = lazy(() => import("@/page/Home"))
import Home from "@/page/Home"
import Detail from "@/page/Detail"
import App from "@/App"
export const router = createBrowserRouter([
  {
    path: "/",
    Component: App,
    children: [
      {
        path: "/app/home",
        Component: Home
      },
      {
        path: "/app/detail",
        Component: Detail
      }
    ]
  }
])
